<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>元素定位</title>
    <style>
        .mock>div>p {
        color:blue
        }
        div + h1 {
        color:blue
        }
    </style>
</head>
<body>
    <h1>祝大家牛年大吉！</h1>
    <div class="mock">
        <p id="meg">开门迎福！</p>
        <p class="fu">四季发财！</p>
        <p class="fu">旗开得胜！</p>
        <a href="http://baidu.com">百度</a>
        <a href="http://163.com">网易</a>
        <div>
            <p>使我变蓝</p>
        </div>
    </div>
    <h1>使我变蓝</h1>
</body>
</html>